<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>心通达OA</title>
    <script type="text/javascript" src="../../js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/base/base.js"></script>
    <script type="text/javascript" src="../../js/ewx/waterMark.js?20190819.2"></script>
    <link href="../../css/H5/default.css" rel="stylesheet"/>
    <script type="text/javascript" src="../../lib/mui/mui/mui.min.js" ></script>
    <style>
        html,body{
            width: 100%;
            height: 100%;
        }
        .usernav img{
            width: 45px;
            height: 45px;
            margin:0 auto;
        }
        .usernav div{
            padding-top: 8px;
            color: #666;
        }
        input{
            width: 88%;
            border:1px solid #ccc;
            padding-left: 3px;
            height: 25px;
            margin: 5px 0;
            border-radius: 3px;

        }
        .usernav a{
            width: 25%;
            position: relative;
            margin: 10px 0;
        }
        .swplb{
            width: 100%;
            box-sizing: border-box;
            background: #fff;
            padding: 15px;
            border: 1px solid #F2F2F2;
            /*box-shadow: 1px 1px 4px antiquewhite;*/
        }
        .swplb font{
            font-size: 22pt!important;
        }

        .swplb img{
            /*width: 100%;*/
            height: 43px;
        }

        .square{
            position: relative;
            width: 100%;
            padding-bottom: 100%; /* padding百分比是相对父元素宽度计算的 */
            margin-bottom: 30px;
        }
        .square-inner{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; /* 铺满父元素容器，这时候宽高就始终相等了 */
        }
        .square-inner>li{
            width: calc(99% / 3);  /* calc里面的运算符两边要空格 */
            overflow: hidden;
            border: 1px solid #F2F2F2;
            margin-left:-1px;
            margin-top:-1px;
        }
        .flex{
            /*display: flex;*/
            flex-wrap: wrap;
        }
        .flex>li{
            flex-grow: 1; /* 子元素按1/n的比例进行拉伸 */
            background-color: #fff;
            text-align: center;
            color: #000;
            font-size: 50px;
            line-height: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100px;
        }
        .flex>li:nth-of-type(3n){ /* 选择个数是3的倍数的元素 */
            margin-right: 0;
        }
        .flex>li:nth-of-type(n+7){  /* 选择倒数的三个元素，n可以取0 */
            margin-bottom: 0;
        }
        .square img{
            width: 30px;
            height: 30px;
            margin:0 auto;
        }
        .square div{
            padding-top: 8px;
            color: #666;
            font-size: 12px;
        }
        .flex li:hover{
            background: #e8f4fc;
        }

        .bot div{
            width: calc(100% / 3);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .bot span{
            font-size: 10px;
        }
        .bot img{
            width: 22px;
            height:22px;
            margin:5px auto;
        }
    </style>
    <script type="text/javascript">
        var fs = document.documentElement.clientWidth / 750  * 100;
        document.querySelector("html").style.fontSize = fs + "px";
    </script>
</head>
<body style="background: #f7f7f7">
<div class="mui-content" style="padding-bottom: 1rem;width: 100%;background: #fff">
    <%--顶部轮播图--%>
    <div class="swplb" style="width: 100%;">
        <img src="/img/salvage.jpg" alt="">
    </div>


    <%--智慧城建--%>
    <div>
        <div class="square">
            <ul class="square-inner flex">
                <li class="" onclick="jumpsrc('/ContractNoView/H5takeNumber?dataType='+check($.GetRequest().dataType)+'')">
                    <a>
                        <img src="../../img/H5/1.7.png"/>
                        <div>合同取号</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

</div>
</body>
<script>
    $(function(){
        $.ajax('/user/getNowLoginUser',{
            dataType:'json',//服务器返回json格式数据
            type:'get',//HTTP请求类型
            success:function(data){
                if(data.flag){
                    if(data.object.userPriv==1){
                        $('.attend_s_menu').css('display','inherit');
                    }
                }
            }
        });

    })

    function autodivheight(){
        var winHeight=0;
        if (window.innerHeight)
            winHeight = window.innerHeight;
        else if ((document.body) && (document.body.clientHeight))
            winHeight = document.body.clientHeight;
        if (document.documentElement && document.documentElement.clientHeight)
            winHeight = document.documentElement.clientHeight;
        winWidth = document.documentElement.clientWidth;

        $('.mui-content').css({'width':winWidth +"px",'height':winHeight+'px'})

    }
    function check(name){
        if(name=='undefined'){
            return ''
        }else{
            return name;
        }
    }

    autodivheight();
    window.onresize=function(){
        autodivheight();
    }

    function jumpsrc(ul) {
        mui.openWindow({
            url: ul
        });
    }
</script>
</html>
